<template>
  <div class="friend">
    <top-banner
      :bannerConfig="bannerConfig"
      :titleConfig="titleConfig"
    ></top-banner>
    <div class="zt box">
      <open-module>
        <h1 slot="title">友情链接</h1>
        <div slot="center" class="center">
            <friend-item></friend-item>
        </div>
      </open-module>
    </div>
    <footr class="footr"></footr>
  </div>
</template>
<script>
import TopBanner from "components/content/topBanner/TopBanner.vue";
import OpenModule from "components/content/openModule/OpenModule.vue";
import Board from 'components/common/message/board.vue';
import Footr from 'components/content/footr/Footr.vue';
import FriendItem from '../Friend/components/friend-item.vue';

export default {
  name: "friend",
  data() {
    return {
      //banner设置
      bannerConfig: {
        hei: "600px",
      },
      //标题展示设置
      titleConfig: {
        but: false,
        contact: false,
        byte: true,
      },
    };
  },
  components: { TopBanner, OpenModule, Board,Footr,FriendItem },
};
</script>

<style scoped>
.box{
  position: relative;
  margin-top: -60px;
  padding-bottom:115px ;
}
.footr{
position:absolute;
bottom: 0px;
}
.center{
  width: 95%;
}
</style>